/* @refresh reload */
import { render } from "solid-js/web";
import { Router, Route } from '@solidjs/router';

import "./styles.css";
import App from "./App";
import Home from "./pages/Home";
import Cart from "./pages/Cart";
import Product from "./pages/Product";
import { CartContextProvider } from "./context/CartContext";

render(
    () => (
        <CartContextProvider>
            <Router root={App}>
                <Route path="/" component={Home}/>
                <Route path="/cart" component={Cart}/>
                <Route path="/product/:id" component={Product}/>
            </Router>
        </CartContextProvider>
    ), document.getElementById("root"));
